<script setup>
    import {ref} from "vue"
    const introduce = ref("")
    const city = ref("")
    const blood = ref("")
</script>

<template>
    <div>
        <!-- v-model指令绑定文本域 -->
        <textarea 
        cols="30" 
        rows="3" 
        placeholder="请做自我介绍"
        v-model="introduce">
        </textarea>

        <p></p>

        <!-- v-model指令绑定下拉菜单 -->
        <select name="" id="" v-model="city">
            <option value="BJ">北京</option>
            <option value="SH">上海</option>
            <option value="SZ">深圳</option>
            <option value="HZ">杭州</option>
            <option value="NJ">南京</option>
        </select>

        <p></p>

        <!-- v-model指令绑定单选框 -->
        <input type="radio" value="a" v-model="blood">A型血
        <input type="radio" value="b" v-model="blood">B型血
        <input type="radio" value="ab" v-model="blood">AB型血
        <input type="radio" value="o" v-model="blood">O型血
        <input type="radio" value="panda" v-model="blood">熊猫血


        

    </div>
</template>

<style scoped>

</style>